<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/tree.css"/>
    <!--<link rel="stylesheet" href="css/blue/base/pagebody.css"/>-->
    <script src="js/jquery-1.11.3.js"></script>
    <script>
            function kkk(a,id){
                if($(a).is(".icon_1")){
                    $(a).removeClass('icon_1').addClass('icon_2');
                    $.get('order.html',function(data){
                        $(a).parent().parent().after('<tr>'+'<td colspan="5" >'+data+'</td>'+'<tr>');
                    })
                }else{
                    $(a).removeClass('icon_2').addClass('icon_1');
                    $(a).parent().parent().next().remove();
                }

            }
//function kkk(a,id,level){
//    if($(a).is(".icon_1")){
//        $(a).removeClass('icon_1').addClass('icon_2');
//        $.get('order.html',{level},function(data){
//            $(a).parent().parent().after('<tr>'+'<td colspan="5" >'+data+'</td>'+'<tr>');
//        });
//    }else{
//        $(a).removeClass('icon_2').addClass('icon_1');
//        $(a).parent().parent().next().remove();
//    }
//    alert(level);
//}
    </script>
</head>
<body>
    <table cellpadding="0" cellspacing="0" class="TreeTable">
        <tr>
            <th width="30%">客户</th>
            <th width="10%">请求数</th>
            <th width="20%">曝光数</th>
            <th width="20%">点击数</th>
        </tr>
        <tr>
            <td><span class="icon_1" id="zhangjian" onclick="kkk(this,id)"></span>张建</td>
            <td>111</td>
            <td>55</td>
            <td>20</td>
        </tr>
        <tr>
            <td><span class="icon_1" onclick="kkk(this,id)"></span>刘王</td>
            <td>233</td>
            <td>54</td>
            <td>21</td>
        </tr>
        <tr>
            <td><span class="icon_1" onclick="kkk(this,id)"></span>耳语</td>
            <td>432</td>
            <td>12</td>
            <td>2</td>
        </tr>
    </table>
</body>
</html>